<template>
    <div class="parent">
        <h1>这是父组件</h1>
        <child>
<!--
作用域插槽可以是默认插槽，也可以是具名插槽，
不一样的地方是，作用域插槽可以为 slot 标签绑定数据，让其父组件可以获取到子组件的数据
  -->
            <template slot="default" slot-scope="slotProps">
                {{ slotProps.user.name }}
            </template>
        </child>
    </div>

</template>

<script>
    import  child from './slot-scope-child'
    export default {
        name: "slot-scope-parent",
        components:{
          child
        },
        data(){
            return{

            }
        }
    }
</script>

<style scoped>

</style>